project

Build a Landing page with your team 🎇🎇#

  • Date: 5 Oct. 2020
  • Deadline: 14 Oct. 2020

We want you to work together over the next few days to build a small site from scratch that provides a short Landing page with your theam.

- You have to create at least 4 sections.🚦#

  • Header
  • 2 sections
  • Footer

Groups: 🎡🎡#

  • Group 01: Hamzah, Baraa, Sarah Abu Zena
  • Group 02: Montaser,Nesma, Sarah Shareef.
  • Group 03: Osama, Obaid, Bashaer.
  • Group 04: Khaleel, Mariam, Salma.
  • Group 05: Sondos, Hiba, Iman.
  • Group 06: Tala, Meera, Waed.

Designs:📚📚#

Important notes:💥💥#

it will help you to improve your quality of the code.

1.Analysis project:#

  • Firstly discuss with the team the structure of the project, then start to split it to many tasks.
  • Define the branding of the project like ( main colors, font family, pictures, font size) and document it by opening an issue.
  • Open issues to document the tasks and add description.
  • put the time for your task by using the label, how much time that you need to do like this 'T 2d'.

2.Github rules:#

  • Assign yourself on the task.
  • when you opened the pull request, use labels In progress, waiting review
  • assign yourself to the PR.
  • ask your teammates to review your PR, If they approved it, so you can request the Lead mentors review
  • Don't push non-related files to the PR for example( added the footer files into header PR while it's for header component)
  • Use beautify extension for CSS files to fix indentation
  • Make sure your linter is working
  • don't be too late when I request changes.
  • Delete the branch after the merge

3.Git rules:#

  • Create a meaningful branch name.
  • checkout your branch when you start work on a new issue.
  • Write a good commits to describe your work
  • make sure that you pull the master before you push your work.
  • don't push any code not working.
  • When you open PR describe what you did.

4.Readme should contain:#

  • The link of design ( resource)
  • WHY (describing the purpose)
  • WHAT (describing your site)
  • HOW (describing the journey to completion)
  • Create github pages.

Tips when you start coding 🔥 🔥#

  • IDs and classes ( should be relate to the div or section ).
  • bem naming for IDs and classes.
  • spilt HTML and CSS in indvdual files.
  • Try to use felx box.
  • Responsive design.
  • care about indentation.
  • Don't reapate lines, find a way to avoid that.
Edit this page